﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:Hangout_Client_Controls_Loader="clr-namespace:Hangout.Client.Controls.Loader" x:Class="Hangout.Client.Controls.User.UserInfoControl"
    mc:Ignorable="d" d:DesignWidth="480" Height="116">
	<UserControl.Resources>
		<Storyboard x:Name="HideScore">
			<DoubleAnimation Duration="0:0:0.5" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="canvas" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="ShowScore">
			<DoubleAnimation Duration="0:0:0.3" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="canvas" d:IsOptimized="True"/>
		</Storyboard>
		<Storyboard x:Name="ShowHangout">
			<DoubleAnimation Duration="0:0:0.3" To="-27.333" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="NameLBL" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0:0:0.3" To="0.667" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="NameLBL" d:IsOptimized="True"/>
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="StatusLBL">
				<EasingDoubleKeyFrame KeyTime="0:0:0.3" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
    
	<UserControl.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</UserControl.FontFamily>
	<UserControl.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</UserControl.FontSize>
	<UserControl.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</UserControl.Foreground>
    
    <Grid x:Name="LayoutRoot">
    	<Canvas x:Name="canvas" HorizontalAlignment="Right" Margin="0,8,3,8" Width="100" Opacity="0">
    		<Rectangle Fill="{StaticResource YellowBrush}" Height="100" VerticalAlignment="Top" Width="100"/>
    		<TextBlock x:Name="ScoreLBL" TextWrapping="Wrap" Text="XX" VerticalAlignment="Top" Foreground="#FF002455" FontSize="66.667" Width="79" Height="75" TextAlignment="Center" Canvas.Left="11" Canvas.Top="15" Tap="ScoreLBL_Tap"/>
    		<TextBlock TextWrapping="Wrap" Text="Score" Foreground="#FF002455" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" FontSize="26.667" Canvas.Left="17.51" Canvas.Top="1">
    			<TextBlock.RenderTransform>
    				<CompositeTransform Rotation="-0.57"/>
    			</TextBlock.RenderTransform>
    		</TextBlock>
    	</Canvas>
    	<Image x:Name="MyProfilePicIMG" HorizontalAlignment="Left" Height="90" Margin="5,13,0,0" VerticalAlignment="Top" Width="90" RenderTransformOrigin="0.5,0.5" Stretch="UniformToFill" Tap="MyProfilePicIMG_Tap">
    		<Image.RenderTransform>
    			<CompositeTransform/>
    		</Image.RenderTransform>
    	</Image>

    	<TextBlock x:Name="NameLBL" HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP" FontSize="29.333" Foreground="{StaticResource YellowBrush}" Width="259" Margin="0,37,115,0" Height="33" Tap="NameLBL_Tap" FontWeight="Bold" RenderTransformOrigin="0.5,0.5">
    		<TextBlock.RenderTransform>
    			<CompositeTransform/>
    		</TextBlock.RenderTransform>
    	</TextBlock>
    	<TextBlock x:Name="StatusLBL" HorizontalAlignment="Right" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP" FontSize="21.333" Foreground="#FFCBD3DC" Width="259" Margin="0,45,115,0" Height="63" Tap="StatusLBL_Tap" RenderTransformOrigin="0.5,0.5" Opacity="0">
    		<TextBlock.RenderTransform>
    			<CompositeTransform/>
    		</TextBlock.RenderTransform>
    	</TextBlock>
    	<Hangout_Client_Controls_Loader:CircleLoader x:Name="ScorePG" HorizontalAlignment="Right" Margin="0,32,12,34"/>
    </Grid>
</UserControl>
